.shop-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
    .bottom-content{
        height: px2rem(50px);
        display: flex;
        background-color: rgba(51,51,51,0.9);
        .shop-icon{
            position: relative;
            width: px2rem(55px);
            height: px2rem(55px);
            background-image: url('./img/shop-icon.png');
            background-size: cover;

            margin-top: px2rem(-15px);
            margin-left: px2rem(12px);
            .dot-num{
              position: absolute;
              background-color: #fb4e44;
              width: px2rem(15px);
              height: px2rem(15px);
              font-size: px2rem(12px);
              color: #fff;
              border: 1px solid #fff;
              top: px2rem(2px);
              right: 0; 
              border-radius: 50%;
              text-align: center;  
              line-height: px2rem(15px);
            }
        }
        .price-content{
            flex: 1;
            padding-top: px2rem(8px);
            padding-left: px2rem(7px);
            .total-price{
                font-size: px2rem(20px);
                color: #fff;
            }
            .other-price{
                font-size: px2rem(12px);
                color: #999;
                margin-top: px2rem(2px);
            }
        }
        .submit-btn{
           width: px2rem(110px); 
           height: 100%;
           background-color: #ffd161;
           color: #333;
           font-size: px2rem(16px);
           text-align: center;
           line-height: px2rem(50px);
        }
    }
    .choose-content {
        background-color: #fff;
        .content-top{
          height: 35px;
          background-color: #f4f4f4; 
          font-size: 11px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          .clear-car{
              margin-left: 10px;
              margin-right: 5px;
              &::before {
                  content: '';
                  width: 13px;
                  height: 13px;
                  display: block;
                  background-image: url("./img/clear.jpeg");
                  background-size: cover;
                  
                  float: left;
                 margin: -1px;
                 margin-right: 2px;

              }
          }
        }
        .chooseItem{
          display: flex;
          height: 35px;
          color: #2f2f2f;
          font-size: 15px;
          align-items: center;
          padding-bottom: 10px;
          padding-top: px2rem(10px);
          border-bottom: 1px solid #ddd;
        .item-name {
            flex: 1;
            padding-left: px2rem(10px);
        }
          .price{
              margin-left: 5px;
              margin-right: 25px;
          }
          .select-content{
              position: relative;
              display: flex;
              margin-right: 8px;
            .plus {
                width: px2rem(25px);
                height: px2rem(25px);
                background-size: 100% 100%;
                background-image: url('./img/plus.png');
            }
            .minus {
                width: px2rem(25px);
                height: px2rem(26px);
                background-size: 100% 100%;
                background-image: url('./img/minus.png');
            }
            .count {
                font-size: px2rem(15px);
                color: #2f2f2f;
                width: px2rem(20px);
                height: px2rem(25px);
                line-height: px2rem(25px);
                margin-left: px2rem(2px);
                margin-right: px2rem(2px);
                text-align: center;
            }
          }
        }
    }
}